<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>生日日期选择</title>
<script>
window.onload = function() {
    var birthDateSelect = document.getElementById('birthDateSelect');
    var yearSelect = document.getElementById('yearSelect');
    var monthSelect = document.getElementById('monthSelect');
    var daySelect = document.getElementById('daySelect');
 
    // 生成年份选项
    for (var i = new Date().getFullYear(); i >= 1900; i--) {
        var opt = document.createElement('option');
        opt.value = i;
        opt.innerHTML = i;
        yearSelect.appendChild(opt);
    }
 
    // 生成月份选项
    for (var i = 1; i <= 12; i++) {
        var opt = document.createElement('option');
        opt.value = i;
        opt.innerHTML = i;
        monthSelect.appendChild(opt);
    }
 
    // 生成日期选项
    for (var i = 1; i <= 31; i++) {
        var opt = document.createElement('option');
        opt.value = i;
        opt.innerHTML = i;
        daySelect.appendChild(opt);
    }
};
</script>
</head>
<body>
 
<form id="birthDateSelect">
    出生年份:
    <select id="yearSelect"></select>
    出生月份:
    <select id="monthSelect"></select>
    出生日期:
    <select id="daySelect"></select>
</form>
 
</body>
</html>